.g_echobody {
	padding: 5px;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}
.g_echobody, 
.ui-dialog-content,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
	font-family: Arial, Helvetica, sans-serif !important;
}

.ui-widget-content, .ui-dialog .ui-dialog-content {
	/*background-color: #FCFCFC;*/
	background-color: rgb(240, 240, 240);
}

.ui-widget-overlay.ui-front
{
	opacity: 0.15 !important;
	filter: alpha(opacity = 15);
}




/* patche na mikiho skin */

.g_echobody table {
	color: inherit;
}
.g_echobody td {
	color: inherit;
}
.g_echobody a {
	color: inherit;
	text-decoration: underline;
}
.g_echobody h2 {
	color: inherit;
}
.g_echobody h3 {
	color: inherit;
}




/* Ribbon */

.asc-ribbon {
	/*color: #1f497d;*/
	background-image: url(img/ribbon1.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Trebuchet MS;
	font-size: 12px;
	white-space: pre-line;
	vertical-align: top;
	border-bottom: solid 1px #c0c0c0;
	margin-bottom: 10px;
}
.asc-ribbon.new {
	background: #f6f7f9;
	padding: 5px 15px;
	height: 70px;
	position: relative;
	overflow-x: auto;
	box-shadow: rgba(0,0,0,0.4) 0px 1px 3px;
}
.ui-dialog .asc-ribbon.new {
	padding: 5px;
}
.asc-ribbon>div.left {
	float: left;
	width: 4px;
	height: 80px;
	background-image: url(img/ribbon2.jpg);
}
.asc-ribbon>div.right {
	float: right;
	width: 4px;
	height: 80px;
	background-image: url(img/ribbon3.jpg);
}

.asc-ribbon-menu .top {
	height: 24px;
	box-sizing: border-box;
	border-bottom: 1px solid #bac9db;
	background-color: #dfe9f5;
	font-size: 12px;
	cursor: default;
	color: #254264;
}

.asc-ribbon-menu .label {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	box-sizing: border-box;
	height: 24px;
	margin-left: 3px;
}

.asc-ribbon-menu .top .right {
	float: right;
}

.asc-ribbon-menu .label.selected {
	border-color: #bac9db;
	border-bottom-color: #fafcff;
	background-color: #fafcff;
}

.asc-ribbon-menu .label:hover {
	border-top-color: #f3ba25;
	border-left-color: #f3ba25;
	border-right-color: #f3ba25;
	background-color: #fafcff;
}

.asc-ribbon-menu .label.special {
	background-color: rgb(240, 230, 210);
}
.asc-ribbon-menu .label.special.selected {
	background-color: wheat;
}

.asc-ribbon-group {
	display: inline-block;
	height: 70px;
	background: inherit;
	margin: 0;
	vertical-align: top;
}
.asc-ribbon-group>div.left {
	float: left;
	width: 2px;
	height: 80px;
	margin-right: 0px;
	background-image: url(img/ribbon-g-l.jpg);
}
.asc-ribbon-group>div.right {
	float: right;
	margin-left: 3px;
	width: 3px;
	height: 80px;
	background-image: url(img/ribbon-g-r.jpg);
}
.asc-ribbon-group:not(:last-child)::after,
.ribbon-right .asc-ribbon-group::after {
	content: ' ';
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #fff;
    margin: 0 5px;
    height: 97%;
    width: 0;
    float: right;
}
.ribbon-right .asc-ribbon-group::after {
    float: left;
}
.ui-dialog .new .asc-ribbon-group:not(:last-child)::after {
    border-left: 1px solid #99c8ea;
    border-right: 1px solid #fff;
    height: 100%;
}
.asc-ribbon.new .asc-button {
	padding-top: 5px;
	padding-bottom:5px;
}

.asc-ribbon-minigroup {
	display: inline-block;
}
.asc-ribbon-minigroup .asc-ribbon-button {
	height: auto;
	min-height: 20px;
	padding: 1px 3px;
	float: none;
}
.asc-ribbon-minigroup .asc-ribbon-button {
	display: block;
	margin-top: 0;
	margin-right: 13px;
	border: 1px solid transparent;
	border-radius: 3px;
}
.asc-ribbon-minigroup .asc-ribbon-button>.middle {
	text-align: left;
}
.asc-ribbon-minigroup .asc-ribbon-button>.middle img {
	width: 16px;
	height: 16px;
	display: inline;
	margin: 0 3px -3px 0;
}
.asc-ribbon-minigroup .asc-ribbon-button>.middle > span > div {
	display: inline;
}

.asc-ribbon-title {
	display: inline-block;
	vertical-align: top;
	color: #000000;
}
.asc-ribbon-title > div {
	display: inline-block;
	margin-left: 10px;
}
.asc-ribbon-title h2 {
	font-size: 21px;
	margin: 10px 10px 5px 0;
}
.asc-ribbon-title img {
	padding: 5px 0 0 10px;
	vertical-align:top;
}

.asc-ribbon-button {
	position: relative;
	display: inline-block;
	margin-left: 2px;
	margin-top: 7px;
	height: 66px;
	cursor: pointer;
	vertical-align: top;
}
.asc-ribbon .asc-ribbon-group > .asc-ribbon-button {
	text-align: center;
	margin:0;
	padding: 4px 6px 0 6px;
	border: 1px solid transparent;
	border-radius: 3px;
	height: auto; 
	min-height: 64px;
	min-width: 44px;
}
.asc-ribbon .asc-ribbon-button.enabled:not(.disabled):hover,
.asc-ribbon .asc-ribbon-button.enabled.selected,
.asc-ribbon .asc-ribbon-button.disabled.selected {
	border: 1px solid #F1C43F;
	background-color: #fdeeb3;
	background-image: none;
	cursor: pointer;
	text-decoration: none;	
}

.asc-ribbon-button>.middle {
	text-align: center;
	display: inline-block;
	margin: 0;
	max-width: 200px;
	line-height: 11px;
}
.asc-ribbon-button>.middle IMG {
	display: block;
	margin: 0 auto 6px auto;
	height: 32px;
}

.asc-ribbon-button.disabled {
	cursor: default;
}

.asc-ribbon-button.disabled .middle {
	opacity: .4;
	filter: alpha(opacity = 40);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

.asc-ribbon-button>.left {
	float: left;
	width: 2px;
	height: 66px;
}
.asc-ribbon-button>.right {
	float: right;
	width: 2px;
	height: 66px;
}

.asc-ribbon-button.enabled:hover,
.asc-ribbon-button.selected,
.asc-ribbon-button.menu-shown 
{
	background-image: url(img/ribbon-b-h.jpg);
	background-repeat: repeat-x;
}

.asc-ribbon-button.enabled.menu:hover,
.asc-ribbon-button.menu-shown 
{
	/* v IE sa class menu nenastavi, lebo IE nepodporuje multiple bacgroundy */
	background-image: url(img/ribbon-m.png), url(img/ribbon-b-h.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: left bottom, left top;
}
.asc-ribbon-button.enabled:hover {
	background-image: none;
}
.asc-ribbon-button.enabled.menu:hover::after {
	content: "\25BC";
	position: absolute;
	bottom: 2px;
	right: 1px;
}
.asc-ribbon-minigroup .asc-ribbon-button.enabled.menu:hover {
	background-position: right bottom;
}

.asc-ribbon-button.enabled:hover>.left,
.asc-ribbon-button.selected>.left,
.asc-ribbon-button.menu-shown>.left
{
	background-image: url(img/ribbon-b-h-l.jpg);
	background-repeat: no-repeat;
}

.asc-ribbon-button.enabled:hover>.right,
.asc-ribbon-button.selected>.right,
.asc-ribbon-button.menu-shown>.right
{
	background-image: url(img/ribbon-b-h-r.jpg);
	background-repeat: no-repeat;
}

.asc-ribbon-combo {
	padding: 2px 3px;
	border: 1px solid #c0c0c0;
	margin: 2px 0px;
	cursor: default;
	white-space: nowrap;
	box-sizing: border-box;
}

.asc-ribbon-combo:hover {
	border-color: #F1C43F;
}

.asc-ribbon-div {
	margin: 10px 2px 3px 2px;
	display: inline-block;
}

.asc-separator {
	border-top: 1px dashed #808080;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}




/* DIALOG */

.ui-dialog-content {
	font-size: 12px;
}
.ui-dialog .ui-dialog-buttonpane .asc-button BUTTON IMG,
.ui-dialog-content BUTTON IMG {
	vertical-align: middle;
	margin-top: -4px;
}

.ui-dialog .ui-dialog-buttonpane .asc-button[disabled='disabled'] {
	opacity: 0.7;
}
.ui-dialog .ui-dialog-buttonpane {
	padding-bottom: 0;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: 0 3px 0;
}

.asc-dialog-mask.ui-dialog {
	padding-bottom: 0;
	border: none;
}
.asc-dialog-mask .ui-dialog-titlebar {
	border-radius: 4px;
}
.asc-dialog-mask .ui-dialog-titlebar span {
	width: 100%;
}
.asc-dialog-mask.ui-dialog .ui-dialog-buttonpane,
.asc-dialog-mask .ui-dialog-titlebar-close,
.asc-dialog-hideBtnBar.ui-dialog .ui-dialog-buttonpane
{
	display: none;
}
.asc-dialog-mask .ui-dialog-content {
	display: none !important;
}

.ui-dialog-content .asc-ribbon {
	margin: -6px -12px 10px -12px;
}




/* COMBO */

.asc-combo {
	display: inline-block;
	padding: 2px 3px;
	border: 1px solid #c0c0c0;
	margin: auto 0.25em auto 0;
	cursor: default;
	white-space: nowrap;
	box-sizing: border-box;
	background-color: #ffffff;
	min-width: 50px;
	/*overflow: hidden;*/
	vertical-align: middle;
}

.asc-combo >a >span.button-title {
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.asc-combo:hover {
	border-color: #F1C43F;
}

.asc-combo.anchor {
	border: none;
	background: transparent;
}

.asc-combo>a>img {
	margin-right: 1em;
}

.asc-combo.dropDownBtn>a {
	text-decoration: none;
	color: inherit;
}
.asc-combo ul li {
	margin: 0;
}
.asc-combo ul li a {
	text-decoration: none;
	white-space: nowrap;
	color: inherit;
}

ul.dropDownPanel li a {
	text-decoration: none;
}

.asc-combo.dropDown {
	padding: 0;
}


/* CONTEXT MENU */

.asc-context-menu .menuinfo {
	display: block;
	padding-left: 10px;
	color: #808080;
	max-width: 400px;
	white-space: pre-wrap;
}

.asc.dropDown, .asc .dropDown {
	position: fixed;
}
.asc.dropDown .header:not(:empty), .asc.dropDown .footer:not(:empty) {
    color: #1c4768;
    background-color: #f4fafd;
    font-weight: bold;
    padding: 4px 10px;
}
.asc.dropDown .header:not(:empty) {
    margin-top: -5px;
    border-bottom: 1px solid #CBDAE8;
}
.asc.dropDown .footer:not(:empty) {
    margin-bottom: -5px;
    border-top: 1px solid #CBDAE8;
}

.asc.dropDown .header img, .asc.dropDown .footer img {
	vertical-align: -4px;
}
.dropDownBtn.anchor>a>span {
	background: transparent;
	display: inline;
	text-decoration: underline;
	cursor: pointer;
}

.asc-combo .dropDownPanel,
.dropDownPanel.asc-context-menu
{
	width: auto;
	float: none;
	border-right: none;
}
.dropDownPanel.asc-context-menu li {
	margin: 0;
}

.dropDownPanel.asc-context-menu>ul>li>a,
.dropDownPanel.asc-context-menu>li>a,
.dropDownMenu.asc-context-menu>li>a
{
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 16px;
}

.dropDownPanel.asc-context-menu>li.checked {
	position: relative;
}

.dropDownPanel.asc-context-menu>li.checked>a::before {
	content: "\2714";
	position: absolute;
	top: 1px;
	left: 4px;
}

.dropDownPanel.asc-context-menu {
	float: none;
	width: auto;
}

.dropDownPanel.asc-context-menu a {
	text-align: left;
	font-weight: normal;
	color: black;
}

.dropDownPanel.asc-context-menu:first-child {
	margin-bottom: 3px;
}

.dropDownPanel.asc-context-menu.top-border {
	padding: 3px 0;
	margin: 0;
}

.dropDownPanel.asc-context-menu li.dropDownBtn>a>span {
	background: transparent;
}

.dropDownPanel.asc-context-menu li.submenu>a {
	position: relative;
}

.dropDownPanel.asc-context-menu li.submenu>a::after {
	content: "\25B6";
	font-size: 90%;
	margin-left: 2px;
	color: #CCC;
	position: absolute;
	top: 0;
	right: 1px;
}

.dropDownPanel.asc-context-menu li.submenu:hover>a::after {
	color: #000;
}

.dropDownPanel.asc-context-menu li>a>img {
	height: 16px;
	vertical-align: -4px;
}
.dropDownPanel.asc-context-menu li>a>.color {
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}




/* text field */

.asc-textfield {
	width: 200px;
	padding: 2px 3px;
	border: 1px solid #c0c0c0;
	box-sizing: border-box;
	background-color: #ffffff;
	margin-right: 0.25em; /* 2016-09-23 marsian experiment zjednotenie s combo */
}

.asc-textfield:hover {
	border-color: #F1C43F;
}

.asc-datefield {
	background: #fff url(/global/pics/bar/img/datepicker-bg.png) repeat-x
		center right;
	width: 120px;
}

.asc-badfieldvalue {
	border-color: red;
	background: #fff url(/global/pics/ui/item_bad_16.png) no-repeat center
		right;
}

.asc-readonly-field {
	display: inline-block;
	width: 200px;
	padding: 2px 3px;
	border: 1px solid #c0c0c0;
	box-sizing: border-box;
	vertical-align: top;
	margin-right: 0.25em;
	background-color: #ffffff;
	color:#808080;
}



/* ACCORDION */

.asc-accordion {
	cursor: default;
	overflow-y: auto;
}

.asc-accordion-group .top {
	min-height: 27px;
	box-sizing: border-box;
	padding: 5px;
	background: linear-gradient(to bottom, #ffffff 0%, #dfeaf6 100%);
	background-color: #dfeaf6;
	border: 1px solid #8492a6;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	color: #254264;
	position: relative;
}
.asc-accordion-group .top::after {
	content: ' ';
	position: absolute;
	right: 8px;
	top: 8px;
	
	width: 9px;
	height: 9px;
	background: url(/global/pics/ui/tree_minus.png);
	cursor: pointer;
}
.asc-accordion-group.collapsed .top::after {
	background: url(/global/pics/ui/tree_plus.png);
}
.asc-accordion-group.collapsed .bottom {
	display: none;
}

.asc-accordion-button {
	min-height: 26px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid transparent;
	border-radius: 2px;
	padding-left: 22px;
	padding-top: 3px;
	background-color: transparent;
	transition: all 0.2s linear;
}
.asc-accordion-button.selected {
	background-color: #d6dff7;
}
.asc-accordion-button.disabled {
	opacity: .4;
	filter: alpha(opacity = 40);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}
.asc-accordion-button:hover {
	background-color: #fed899;
	border-color: #ffb700;
	padding-top: 3px;
	transition: none;
}
.asc-accordion-button>img {
	max-height: 16px;
	position: absolute;
	left: 2px;
	top: 2px;
}




/* TREEVIEW */

.tree-view {
	font-size: 12px;
	cursor: default;
	overflow: auto;
}

.tree-view .item {
	white-space: nowrap;
}
.tree-view .item IMG.icon {
	display: inline-block;
	vertical-align: middle;
	max-height: 16px;
	margin-right: 2px;
}
.tree-view.flat .item IMG.plus {
	display:none;
}
.tree-view .item IMG.plus {
	display: inline-block;
	vertical-align: middle;
	padding:2px;
	cursor: pointer;
}
.tree-view .item>.label {
	display: inline-block;
	height: 16px;
	padding: 2px 4px 0px 4px;
}
.tree-view .item.selected {
	background-color: #3399ff;
	color: #ffffff;
}
.tree-view .sub {
	padding-left: 16px;
}




/* yui DATATABLE */

.asc-dt table
{
	table-layout: fixed;
	margin:0;
	padding:0;
	font-family: Arial, Trebuchet MS;
	font-size:inherit;
	border-collapse:separate;
	*border-collapse:collapse;
	border-spacing:0;
	border:1px solid #7f7f7f
}
.asc-dt th {
	position: relative;
	margin:0;
	padding: 0 10px;
	height: 29px;
	overflow: hidden;
	
	text-align: left;
	vertical-align: middle;
	font-family: inherit;
	font-size: 110%;
	font-weight: normal;
	
	background: #2C70A3;
	color: white;
	border:0;
	/*border-left: 1px solid rgba(255,255,255,0.5);*/
	border-right:1px solid #cbcbcb;
}
.asc-dt-nowrapth th {
	white-space: nowrap;
}
.asc-dt td
{
	margin:0;
	padding: 4px 10px;
	overflow: hidden;
	border-right:1px solid #cbcbcb;
	text-align:left;
}
.asc-dt td img
{
	margin-right: 0.5em;
	vertical-align: middle;
}

.asc-dt .sorter,
.asc-dt .resizer {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.asc-dt .sorter {
	width: 10px;
	font-size: 10px;
	top: 30%;
	padding-left: 2px;
}
.asc-dt .resizer {
	width: 4px;
	cursor: ew-resize;
}
.asc-dt TR.rec {
	height: 22px;
	color: black;
}

.asc-dt TR.rec:nth-child(odd)
{
	background-color: #edf5ff;
}
.asc-dt TR.rec:nth-child(even)
{
	background-color: white;
}

.asc-dt TR.rec:hover,
.asc-dt TR.rec:hover td
{
	background-color: #b3d4ff;
}

.asc-dt TR.rec.fixed:hover,
.asc-dt TR.rec:hover td.fixed,
.asc-dt .fixed TR.rec:hover td
{
	background-color: #b3d4ff !important;
}

.asc-dt TR.rec.dt-selected td
{
	background-color: #438DC3 !important;
	color: #fff;
}
.asc-dt TD.changedCell {
	background-image: url(/dashboard/pics/prax_flag.png) !important;
	background-position: top left;
	background-repeat: no-repeat;
}

.asc-dt td.t_mini,
.asc-dt th.t_mini {
	width: auto;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

.asc-dt tr.group-header td span.button {
	display: inline-block;
	width: 14px;
	text-align: center;
	font: 10px normal courier;
	padding: 1px 0px;
	border: 1px solid #6f717f;
	cursor: pointer;
	border-top-color: #f6f8ff;
	border-left-color: #f6f8ff;
}

/* aSc DataTable Container */

.dt-container {
	border: 1px solid gray;
	overflow: auto;
}
.dt-container:focus {
	outline-color: rgba(44, 112, 163, 0.5);
}

.dt-container .asc-dt>table,
.dt-container.asc-dt>table
{
	border-top: none;
	border-left: none;
	border-right: none;
}

.base-dt-container {
	background-color: #ffffff;
	border: 1px solid gray;
}

.asc-dt.base-dt>table {
	border: 0px;
}

.base-dt TR.rec
{
	height: 16px;
}

.asc-dt.base-dt TH,
.asc-dt.base-dt TD
{
	padding: 0px 3px;
	height: 18px;
	background-image: none;
	font-size: 12px;
	white-space: pre;
}

.asc-dt.base-dt TH {
	background-color: #dbe2ed;
	color: black;
	border-right: 1px solid #9eb6ce;
	border-bottom: 1px solid #9eb6ce;
}

.asc-dt.asc-dt.base-dt TR {
	background-color: transparent;
}

.asc-dt.base-dt TD {
	background-color: transparent;
	border: 0px;
}

.asc-dt.base-dt TR:hover {
	background-color: #ffe2be;
}

.asc-dt th.hidden {
	padding: 0;
}

.asc-dt table td a {
	margin-right: 0.5em;
	white-space: nowrap;
	cursor: pointer;
}
/* suplovanie */

.asc-dt .rec .change {
	background-color: #ffff80;
}

/* rozne */

.asc-dt .rec.warning,
.asc-dt .rec .warning,
.asc-dt td.warning
{
	background: #F8E9E9;
	color: #BF2C11;
	opacity: 0.70;
}

.asc-dt .rec:nth-child(odd) td.warning,
.asc-dt .rec:nth-child(odd).warning td
{
	background: #F8DADA;
}

.nocursor tr.rec
{
	cursor: auto;
}

tr.dt-row-separator td, td.dt-row-separator {
	border-bottom: 3px solid #ccc !important;
}

/* print modifikacie */

.print-sheet tr.dt-row-separator td, .print-sheet td.dt-row-separator {
	border-bottom: 2px solid black !important;
}

.print-sheet .asc-dt thead.dt-row-separator {
	border-bottom-width: 3px;
}

.print-sheet .asc-dt th.grouped {
	border-right: none;
}
.print-sheet tr.rec.group-header span.header {
	font-size: 120%;
	font-weight: bold;
}
.print-sheet tr.rec.group-header,
.print-sheet td.grouped {
	background-color: #e0e0e0 !important;
}
.print-sheet td.grouped.continued-down,
.print-sheet TR.group-header TD.continued-down {
	border-bottom-color: #e0e0e0;
}

.print-sheet tr.sum-row td:not(.grouped) {
	border-top: 2px solid #808080;
}

.print-sheet tr.sum-row td:not(.header) {
	font-weight: bold;
}

/*
.print-sheet tr.dt-row-separator td, .print-sheet td.dt-row-separator {
	border-bottom: 2px solid black !important;
}
*/

/* phantomJS rowspan border issue #14190 */

.print-sheet.phantom table td[rowspan], .print-sheet.phantom table th[rowspan] {
	position: relative;
}
.print-sheet.phantom table td[rowspan]:before, .print-sheet.phantom table th[rowspan]:before {
	position: absolute;
	content: "";
	top: 0;
	right: -1px;
	background-color: black;
	width: 1px;
	height: 36px;
}



/* TABLE fixed */

table td.fixed, table th.fixed {
	z-index: 2;
	position: relative;
	box-shadow: 5px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 5px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 0 rgba(0, 0, 0, 0.2);
	-o-box-shadow: 5px 0 rgba(0, 0, 0, 0.2);
}

table td.fixed.row, table th.fixed.row {
	z-index: 3;
}

table td.fixed.both, table th.fixed.both {
	z-index: 4;
}

table tr.fixed td.fixed, table tr.fixed th.fixed {
	box-shadow: 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 5px rgba(0, 0, 0, 0.2);
}
table.noChrome tr.fixed td.fixed, table tr.fixed th.fixed {
	-webkit-box-shadow: -1px 5px rgba(0, 0, 0, 0.2);
}

table tr.fixed td.fixed.both, table tr.fixed th.fixed.both {
	box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 5px 5px rgba(0, 0, 0, 0.2);
}




/* BUTTON */

.asc-button, .asc-button-container {
	display: inline-block;
}
.full-width .asc-button, .full-width .asc-button-container {
	display: block;
	width: 100%;
	text-align: left;
}

.asc-button.menu::after {
	content: "\25BC";
	font-size: 80%;
	margin-left: 2px;
}

.asc-button-container .dropDown {
	padding-right: 5px;
}

.asc-button.back, .asc-button.forward {
	text-align: center;
}

.asc-button.back::before {
	content: "\276E";
	padding-right: 5px;
	font-size: 0.8em;
}

.asc-button.forward::after {
	content: "\276F";
	padding-left: 5px;
	font-size: 0.8em;
}

.asc-button img {
	vertical-align: -4px;
	margin: 0 2px;
	height: 16px;
}

.asc-button.button-fancy {
	border: 1px solid #CDDCEA !important;
	border-radius: 4px !important;
	border-bottom: 1px solid #B8C6D2 !important;
	background: #ffffff !important;
	min-height: 2em;
}

.asc-button.button-fancy:hover {
	border: 1px solid #AFC8DD !important;
	border-bottom: 1px solid #96ABBC !important;
}

.asc-button.button-fancy img {
	margin: 1px 6px 4px 6px;
	vertical-align: middle;
}
.asc-button.button-basic {
	color: black !important;
	font-weight: normal;
	padding: 4px 10px;
}

.asc-button.selected {
	border-width: 3px;
}


/* TIMETABLE */

table.asc-timetable {
	color: #000000;
	background-color: #ffffff;
	border-collapse: collapse;
	border-color: #000;
	border: 2px solid;
	width: auto;
	font-size: 12px;
	position: relative;
}

table.asc-timetable caption {
	caption-side: top;
	color: #000000;
	text-align: center;
	font-size: 30px;
	margin: 0px 0px 10px 0px;
	position: relative; /* nefunguje vo FF */
}

table.asc-timetable caption .subcaption {
	font-size: 40%;
	white-space: pre-line;
	position: absolute;
	right: 0px;
	top: 0px;
}

table.asc-timetable thead {
	border-bottom: 2px solid;
}

table.asc-timetable th {
	border: 1px solid;
	text-align: center;
	white-space: pre-line;
	padding: 10px 0px;
}

table.asc-timetable td {
	border: 1px solid;
	text-align: center;
}

table.asc-timetable th span.time, table.asc-timetable td span.time {
	display: block;
	font-size: 75%;
}




/* kalendar v dashboarde */

#calendar .weekend, .event.weekend {
	background-color: #F2F4F6 !important;
}

.ui-datepicker-calendar td.note a {
	background: rgb(255, 249, 125);
	font-weight: bold;
	color: black;
}

.ui-datepicker-calendar td.missing a {
	background: rgb(255, 100, 139);
	color: black;
}

#calendar .holiday,
.event.holiday,
.ui-datepicker-calendar td.holiday a {
	background: #CAF562 !important;
}

#calendar .exam,
.event.exam,
.ui-datepicker-calendar td.exam a {
	background: #FFBD7E !important;
}

#calendar .bmeeting,
.event.bmeeting,
.ui-datepicker-calendar td.bmeeting a {
	background: #7FCAFF !important;
}

#calendar .event_other,
.event.event_other,
.ui-datepicker-calendar td.event_other a {
	background: #e0e0e0 !important;
}

#ui-datepicker-div {
    box-shadow: 5px 5px 8px rgba(0,0,0,0.3);	
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-highlight.ui-state-active {
	background: #ffe45c;
}
.ui-datepicker-calendar .ui-state-highlight {
	background: #fff;
}




/* aSc ColorPicker */

.asc-colorpicker {
	padding: 1px;
}
.asc-colorpicker table {
	border-spacing: 1px;
	border-collapse: separate;
	margin-top: 3px;
}
.asc-colorpicker table tr {
	height: 17px;
}
.asc-colorpicker table td {
	padding: 0px;
	width: 15px;
	border: 1px solid #ffffff;
}
.asc-colorpicker table td:hover, .asc-colorpicker table td.selected {
	border: 1px solid #000000;
}
.asc-colorpicker > input {
	font-family: monospace;
	width: 122px;
}




/* aSc StudentPresencePicker */

.sppicker {
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	background-image: url(/global/pics/ui/student_presence_32.png);
	background-position-x: 0px;
	cursor: pointer;
	-webkit-transition: background-position 200ms;
	-moz-transition: background-position 200ms;
	transition: background-position 200ms;
}
.sppicker.changed {
	border: 2px solid #808080;
}
.changeable.changed {
	background-color: #ffff80;
}
.sspicker-state {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-image: url(/global/pics/ui/student_presence_16.png);
	background-position-x: 0px;
}




/* print */

/* A4 - 210x297 */
.print-sheet, .print-sheet-manual {
	background: #ffffff;
	border: 1px solid black;
	padding: 10px;
	width: 800px;
	min-height: 1131px;
	margin: 5px auto 15px auto;
	overflow: hidden;
	position: relative;
}

.print-sheet-manual {
	padding: 0px;
	page-break-after: always;
	page-break-inside: avoid;
	min-height: 0px;
}

.print-sheet.A3 {
	width: 1640px;
	padding: 0;
}
.print-sheet.A3 .print-sheet {
	margin: 0;
	border: 0;
	float: left;
}

@media screen {
	.print-sheet, .print-sheet-manual {
		box-shadow: 5px 5px 5px #888;
		-moz-box-shadow: 5px 5px 5px #888;
	}
}

@media print {
	.print-sheet {
		margin-bottom: -300px;
	}
	body {
		min-width: 0px;
	}
	.print-sheet-manual {
		border: 0px;
		margin: 0px;
		margin-bottom: -300px;
	}
}

/* workaround na chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=646591  */
@media print {
	.print-sheet thead {
		break-inside: auto;
	}
}

.print-a4-portrait {
	width: 800px;
	min-height: 1131px;
}

/* pri landscape treba ubrat z vysky */
.print-a4-landscape {
	width: 1131px;
	min-height: 720px;
}

.print-font-size-80 .asc-dt TD, .print-font-size-80 .asc-dt TH,
.print-font-size-80 .print-font-resizable {
	font-size: 80%;
}
.print-font-size-90 .asc-dt TD, .print-font-size-90 .asc-dt TH,
.print-font-size-90 .print-font-resizable {
	font-size: 90%;
}
.print-font-size-110 .asc-dt TD, .print-font-size-110 .asc-dt TH,
	.print-font-size-110 .print-font-resizable {
	font-size: 110%;
}

.print-font-size-120 .asc-dt TD, .print-font-size-120 .asc-dt TH,
	.print-font-size-120 .print-font-resizable {
	font-size: 120%;
}

.print-font-size-130 .asc-dt TD, .print-font-size-130 .asc-dt TH,
	.print-font-size-130 .print-font-resizable {
	font-size: 130%;
}

.print-font-size-140 .asc-dt TD, .print-font-size-140 .asc-dt TH,
	.print-font-size-140 .print-font-resizable {
	font-size: 140%;
}

.print-font-size-150 .asc-dt TD, .print-font-size-150 .asc-dt TH,
	.print-font-size-150 .print-font-resizable {
	font-size: 150%;
}

.print-font-size-170 .asc-dt TD, .print-font-size-170 .asc-dt TH,
	.print-font-size-170 .print-font-resizable {
	font-size: 170%;
}

.print-font-size-200 .asc-dt TD, .print-font-size-200 .asc-dt TH,
	.print-font-size-200 .print-font-resizable {
	font-size: 200%;
}

.print-font-resizable {
	/* toto je iba znacka pre print funkciu */
}
.print-sheet .print-header {
	/* toto je iba znacka pre print funkciu, sem nesmie ist nic */
}

.print-sheet .print-pagebreak {
	margin: 10px -10px 0px -10px;
	height: 10px;
	border-top: 1px dotted #888;
	page-break-after: always;
}
.print-sheet tr.print-pagebreak td {
	border-bottom-style: dashed;
}

.print-sheet .print-pagebreak-even {
	margin: 10px -10px 0px -10px;
	height: 10px;
	border-top: 1px dashed #888;
	page-break-after: always;
}

.print-sheet .print-nobreak {
	page-break-inside: avoid;
}

.print-sheet .print-nobreakafter {
	page-break-after: avoid;
}

@media print {
	.print-sheet {
		zoom: 100% !important;
		font-size: 12px;
		background: transparent;
		border: none;
		padding: 0;
		margin: 0;
		box-shadow: none;
		page-break-inside: avoid;
		page-break-after: always;
	}
	.print-sheet:last-child {
		page-break-after: avoid;
	}
	.print-sheet .print-pagebreak {
		display: none;
	}
}

@page {
	margin: 0.7in 0.4in 0in 0.4in;
}

.print-sheet .dt-container {
	border: none;
	overflow: visible;
}

.print-sheet .asc-dt table,
.print-sheet .dt-container .asc-dt>table,
.print-sheet .dt-container.asc-dt>table
{
	border: 2px solid black;
	border-collapse: collapse;
}

.print-sheet .asc-dt thead {
	border-bottom: 2px solid black;
}

.print-sheet tr {
	/*border-top: 1px solid black;*/
}
.print-sheet .asc-dt td {
	border-bottom: 1px solid black;
}
.print-sheet tr.rec, 
.print-sheet .rec .change 
{
	background: transparent !important;
}

.print-sheet .asc-dt th {
	background: transparent;
	color: black;
	border-right: 1px solid black;
	overflow: hidden;
}

.print-sheet .asc-dt td {
	border-right: 1px solid black;
}
.print-sheet div.striked {
	border-top: 1px solid #a0a0a0;
	margin-left: -100%;
	margin-right: -100%;
	height: 1px;
}




/* flash messages */

div.flash-message-container {
	position: fixed;
	top: 3px;
	left: 0px;
	right: 0px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	z-index: 200000;
}

div.flash-message {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	white-space: pre-line;
	text-align: center;
	margin-bottom: 3px;
	padding: 3px 10px;
	background-color: #ffa;
	color: #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
}




/* RTL ======================================== */

body.skin-rtl {
	direction: rtl;
	text-align: right;
}

.skin-rtl .g_echobody {
	text-align: right;
}

.skin-rtl.yui-skin-sam .container-close {
	left: 2px;
	right: auto;
}

.skin-rtl .yui-dialog .ft .button-group {
	text-align: left;
}

.skin-rtl .asc-dt td {
	text-align: right;
}




/* g_skincolors ========================================*/

/* cast je aj v Gadget::PageInit */

.g_echobody.g_skincolors {
	background-color: inherit;
	color: inherit;
}

.g_skincolors .asc-dt table {
	border: 0px;
	border-spacing: 1px;
}
.g_skincolors .asc-dt th,
.g_skincolors .asc-dt th a {
	background-image: none;
	font-weight: bold;
	border: none;
}
.g_skincolors .asc-dt td {
	border: 0px;
	text-align: center;
}




/* ASC.messageBox */

.messageBox {
	font-size: 12px;
	line-height: 17px;
	box-shadow: 0px 1px 0px #F7F7F7;
	margin: 15px 0px;
	padding: 14px 42px;
	border-radius: 3px;
	display: block;
	position: relative;
}

.messageBox .close {
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	right: 0;
	top: 0;
	background: url('/global/pics/ui/close-opacity-21.png') no-repeat center;
	cursor: pointer;
}

.messageBox .close:hover {
	background: url('/global/pics/ui/close-opacity-42.png') no-repeat center;
}

.messageBox.warning {
	background: #FFF8D8 url('/global/pics/ui/error_16.png') no-repeat 14px
		14px;
	border: 1px solid #F3D97E;
	color: #A68510;
}

.messageBox.succes {
	background: #EBF9E2 url('/global/pics/ui/accept_16.png') no-repeat 14px
		14px;
	border: 1px solid #BEE4A5;
	color: #658C2C;
}

.messageBox.info {
	background: #E9F3F8 url('/global/pics/ui/help_16.png') no-repeat 14px
		14px;
	border: 1px solid #BBD7E4;
	color: #3876C6;
}

.messageBox.error {
	background: #F8E9E9 url('/global/pics/ui/cross_16.png') no-repeat 14px
		14px;
	border: 1px solid #E4BBBC;
	color: #BF2C11;
}

.messageBox.customize {
	background: #F8E9E9 url('/global/pics/ui/settings_16.png') no-repeat 10px 12px;
	border: 1px solid #E4BBBC;
	color: #BF2C11;
	margin: 0px;
	padding: 8px 25px 8px 30px;
}





/* header pre Calendar div */

.dateheader {
	font-size: 25px;
	font-weight: bold;
	color: rgb(34, 177, 76);
}

.miniContainer {
	position: relative;
	min-height: 1em;
}
div.mini {
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	top: 0;
	margin-left: 3px;
	background: url('/global/pics/bar/img/icons/mini/gallery-icon.png')
		no-repeat;
	z-index: 100;
}

div.mini.add {
	background-position: 0 -80px;
}

div.mini.edit {
	background-position: 0 -20px;
}

div.mini.delete {
	background-position: 0 0;
}




/* --- tabView --- */

.asc-tab-view .labels > div {
	display: inline-block;
	padding: 4px 10px;
	margin-left: 2px;
	background-color: rgba(255, 255, 255, 0.5);
	color: black;
	border: 1px solid #C5C5C5;
	cursor: pointer;
}
.asc-tab-view .labels > div.selected {
	background-color: #4088BF;
	color: #FFF;
	border-bottom-color: #4088BF;
}
.asc-tab-view .content {
	border: 1px solid #808080;
	border-top: 3px solid #4088BF;
	position: relative;
	/*overflow: auto;*/
	padding: 2px;
}
.asc-tab-view .content > div {
	position: absolute;
	left: -9999px;
	top: 0;
	visibility: hidden;
}
.asc-tab-view .content > div.active {
	position: relative;
	left: 0;
	visibility: visible;
}
.asc-tab-view .asc-tab-view .content > div.active {
	visibility: inherit;
}

.asc-tab-view.orientation-left {
	display: flex;
}
.asc-tab-view.orientation-left > .labels {
	max-width: 80px;
	flex-shrink: 0;
}
.asc-tab-view.orientation-left > .content {
	flex-grow: 1;
	width: 50px; /* treba nastavit nejaky width, lebo inak sa pouzije podla content a potom preteka */
	vertical-align: top;
	border-top: 1px solid black;
	border-left: 3px solid #4088BF;
}
.asc-tab-view.orientation-left > .labels > div {
	display: block;
	margin-bottom: 2px;
	overflow: hidden;
}
.asc-tab-view.orientation-left > .labels > div.selected {
	border-right-color: #4088BF;
}




/* inputComplete & timePicker */

.inputComplete {
	position: relative;
	display: inline-block;
}
.inputComplete div {
	border: 2px solid #D2DCE9;
	position: absolute;
	top: 20px;
	left: 0;
	background-color: #fff;
	min-width: 60px;
	padding: 0 4px 0 2px;
	overflow-y: scroll;
	z-index: 2;
}
.inputComplete div>span {
	display: block;
	height: 16px;
	cursor: pointer;
	white-space: nowrap;
	color: initial;
}
.inputComplete div>span:hover,
.inputComplete div>span.selected:hover,
.inputComplete div>span.selected {
	background-color: #b3d4ff;
}
.timePicker input {
	width: 60px;
}





/* aSc scrollbar */

.asc-scrollbar::-webkit-scrollbar {
	width: 10px;
}
.asc-scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: rgba(0, 0, 0, 0.1) /*border-radius: 10px;*/
}
.asc-scrollbar::-webkit-scrollbar-thumb {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
	background-color: rgba(0, 0, 0, 0.3);
}
.asc-scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, 0.5);
}





/* Autocomplete */

.asc-autocomplete {
	position: relative;
}
.asc-autocomplete a.show-all {
	position: absolute;
	top: 0;
	background: url(/global/pics/bar/img/arrow-down.png) 50% no-repeat;	
}
.asc-autocomplete a.add {
	padding: 0 .5em;
}



/* FlipText */

.flip-text {
	overflow: hidden;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 4px;
	text-align: left;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.flip-text.center {
	text-align: center;
}

.skin-rtl .flip-text {
	padding-left: 0px;
	padding-right: 5px;
	text-align: right;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}




/* rozne UI componenty */

.item-old,
.asc-dt TR.rec.item-old
{
	text-decoration: line-through;
	color: gray;
}

.item-error,
.asc-dt TR.item-error,
.asc-dt TR.item-old.item-error {
	color: red;
}

.asc-dt TR.rec.item-out {
	color: #c0c0c0;
}

.asc-dt TR.rec.row-green TD {
	background-color: #c0f0c0;
}

.inactive {
	color: gray;
}

.srafovanie_4 {
	background-image: url(/global/pics/ui/srafovanie_4.png);
	background-repeat: repeat;
}

.sivepozadie, .inactive td {
	background-color: #A5A6A6;
	opacity: 0.70;
}

.bold {
	font-weight: bold;
}

.hide {
	display: none !important;
}

.hover-visible {
	opacity: 0.01;
}
.hover-visible:hover {
	opacity: 1;
}

.border_error {
	border: 2px solid red !important;
}

.fixed-right {
	position: fixed;
	right: 0px;
}

input[type='checkbox'] {
	vertical-align: middle;
}

.ellipsis {
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.required-star {
	color: red;
	font-weight: bold;
}

.fileupload-active {
	background-color: #FFFFEE;
}

.grayText {
	color: white !important;
	text-shadow: 0 0 2px black;
}

.asc-color-label,
.asc-icon-label
{
	display: inline-block;
	height: 16px;
	vertical-align: -4px;
	margin-left: 1px;
	margin-right: 0.5em;
}
.asc-color-label {
	width: 16px;
	content: " ";
}


.flex {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* toggle with triangle */
a.toggleBox:before {
	content: "►";
}
a.toggleBox.active:before {
	content: "▼";
}